* {
    padding:0;
    margin:0;
}
button,a {
    outline:none;
    border:none;
}
button,input,textarea {
    font:small-caption !important
}
/*聊天详情*/
.wrap-view {
    width:100%;
    height:calc(100vh);
    padding-bottom:1.2rem;
    box-sizing:border-box;
}
.dialog-view {
    width:100%;
    height:100%;
    background:#f5f5f5;
    padding:.24rem .32rem;
    box-sizing:border-box;
    overflow:auto;
}
.timeview {
    font-size:.22rem;
    color:#666;
    text-align:center;
    margin-bottom:.3rem;
}
.chatview {
    display:flex;
    flex-direction:row;
}
.chatview .chat-image {
    border-radius: 0;
}
.chatview img {
    width:.8rem;
    height:.8rem;
    border-radius:50%;
    background-size:contain;
    padding:0 0.1rem;
}
.chat-content {
    font-size:.24em;
    padding:.2rem;
    margin-bottom:.3rem;
    background-color:#e6e6e6;
    color:#333;
    border-radius:0.2rem;
    max-width:5.5rem;
    word-break:break-all
}
.chatleft {
    align-items:flex-start;
    display:flex;
}
.chatright {
    margin-left:.1rem;
}
.chatright .name {
    font-size:.26rem;
    color:#555;
    margin-bottom:.2rem;
}
.chatview.rightview {
    justify-content:flex-end;
}
.chatview.rightview .chat-content {
    background-color:#5bc9a1;
    color:#ffffff;
}
.chatview.rightview .name {
    text-align:right;
}
.sendwrap {
    padding:.15rem .32rem;
}
.sendview {
    display:flex;
    flex-direction:row;
    align-items:center;
}
.sendview .input {
    width:100%;
    height:.6rem;
    border:1px solid #e8e8e8;
    border-radius:.1rem;
    padding-left:0.2rem;
    margin-left:0.1rem
}
.sendbtn {
    width:1rem;
    height:.5rem;
    border-radius:.15rem;
    color:#ffffff;
    background-color:#5bc9a1;
    line-height:.5rem;
    text-align:center;
    flex-shrink:0;
    margin-left:.2rem;
    font-size: .2rem!important;
}
.sendvoicebtn {
    width:100%;
    border-radius:.1rem;
    color:#ffffff;
    line-height:.5rem;
    text-align:center;
    margin: .1rem .2rem;
    border:1px solid #ffffff;
    font-size: 0.24rem;
    height:.75rem;
    background: #78c6a3;
}
.msg-icon {
    width:0.58rem;
    height:0.58rem
}
.press_box {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    width:2.5rem;
    height:2.5rem;
    background:rgba(0,0,0,0.5);
    text-align:center;
    display:none;
}
.press_box2 {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    width:2.5rem;
    height:2.5rem;
    background:rgba(0,0,0,0.5);
    text-align:center;
    display:none;
}
.press_box3 {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    width:2.5rem;
    height:2.5rem;
    background:rgba(0,0,0,0.5);
    text-align:center;
    display:none;
}
.press_text3 {
    color:white;
    font-size:1rem;
    line-height:1rem;
    margin-top:0.5rem;
}
.press_text4 {
    color:white;
    font-size:0.24rem;
    margin-top:0.3rem;
}
.press_main2 {
    display:none;
}
.press_voice {
    width:1.28rem;
    height:1.28rem;
    display:block;
    margin-top:0.4rem;
    margin-left:0.2rem;
}
.press_voice2 {
    width:1.28rem;
    height:1.28rem;
    display:block;
    margin:auto;
    margin-top:0.4rem;
}
.press_text {
    color:white;
    font-size:0.24rem;
    margin-top:0.3rem;
}
.press_text2 {
    color:white;
    font-size:0.24rem;
    margin-top:0.3rem;
}
.chatview .voice-content {
    display:flex;
    justify-content:flex-end;
}
.chatview .voice-content .voice-duration {
    margin-left:0.1rem;
    margin-right:0.1rem;
    color:#000;
}
.chatview .voice-content .play-voice {
    width:0.4rem;
    height:0.4rem;
}
/*聊天列表*/
.search-view {
    height:.88rem;
    padding:.12rem .2rem;
    box-sizing:border-box;
    width:100%;
}
.fangdajing {
    width:.18rem;
    height:.18rem;
    background-size:contain;
    padding-left:0.15rem
}
.searchin {
    background:#f5f5f5;
    width:100%;
    height:100%;
    border-radius:.2rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.searchin input {
    font-size:.22rem;
    color:#333;
    border:none;
    background:none;
    width:100%;
    box-sizing:border-box;
    padding:0 .1rem;
}
.list-item {
    width:100%;
    height:1.2rem;
    font-size:.26rem;
    border-top:.01rem solid #e5e5e5;
}
.list-item a {
    width:100%;
    height:100%;
    display:inline-block;
    display:flex;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:0 .2rem;
}
.list-item .icon {
    width:.65rem;
    height:.65rem;
    border-radius:50%;
    background-size:contain;
}
.itemleft {
    width:.6rem;
    margin-right:.28rem;
    flex-shrink:0;
}
.itemmid {
    width:100%;
}
.itemmid p {
    width:100%;
    height:.5rem;
    line-height:.5rem;
    line-height:.5rem;
    overflow:hidden;
    -webkit-line-clamp:1;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
}
.itemmid .p1 {
    font-size:.28rem;
    color:#333;
}
.itemmid .p2 {
    font-size:.24rem;
    color:#999;
}
.itemright {
    width:2rem;
    flex-shrink:0;
    margin-left:.1rem;
    color:#999;
    text-align:right;
    font-size:.24rem
}
.empty {
    font-size:.28rem;
    text-align:center;
    margin-top:40%
}
